* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  width: 100%;
  height: 100%;
}

#app {
  width: 100%;
  height: 100%;
}

:root {
  --el-menu-item-height: 42px !important;
}

.dg.ac {
  top: 50px !important;
  z-index: 1 !important;
}
.dg.a {
  margin-right: 0 !important;
}
.dg li:not(.folder) {
  padding: 0 4px 0 0 !important;
}
.dg li.title {
  padding-left: 16px !important;
  margin-left: 0 !important;
}
.dg li.folder, .dg .cr.color {
  border: none !important;
}
.dg .property-name {
  padding-left: 16px !important;
}

.shader-box {
  width: 100%;
  height: 600px;
}

.github-markdown-body {
  font-size: 14px !important;
}
.github-markdown-body div[class*=v-md-pre-wrapper-] {
  border-radius: 3px;
}